import React, { Component } from 'react'
import "./set.css"
import { Link } from "react-router-dom"
import { LeftOutlined, RightOutlined } from '@ant-design/icons';
// import {logout} from "../../api/login"
export default class set extends Component {
    logOut=()=>{
        // logout({token:sessionStorage.getItem("token")})
        sessionStorage.removeItem("token")
        this.setState({ })
    }
    render() {
        return (
            <div id="SetMain">
                <div className="SetHeader">
                    <Link to="/Mine" className="SetBack">
                        <LeftOutlined />
                    </Link>
                    <span>
                        设置
                    </span>
                </div>
                {/* 主体 */}
                <div className="setMain">
                    <div className="setAccount ">
                        <h2>账户</h2>
                        <div>
                            <Link to="/accountSafe">
                                <span>账户与安全</span>
                                <RightOutlined />
                            </Link>
                        </div>
                        <div>
                            <Link>
                                <span>隐私</span>
                                <RightOutlined />
                            </Link>
                        </div>
                        <div>
                            <Link>
                                <span>我赞过的照片</span>
                                <RightOutlined />
                            </Link>
                        </div>
                        <div>
                            <Link>
                                <span>地址管理</span>
                                <RightOutlined />
                            </Link>
                        </div>
                    </div>
                    <div className="setSet">
                        <h2>设置</h2>
                        <div>
                            <Link>
                                <span>通知</span>
                                <RightOutlined />
                            </Link>
                        </div>
                        <div>
                            <Link>
                                <span>通用</span>
                                <RightOutlined />
                            </Link>
                        </div>
                        <div>
                            <Link>
                                <span>好货</span>
                                <RightOutlined />
                            </Link>
                        </div>
                    </div>
                    <div className="setSupport">
                        <h2>支持</h2>
                        <div>
                            <Link>
                                <span>邀请好友</span>
                                <RightOutlined />
                            </Link>
                        </div>
                        <div>
                            <Link>
                                <span>意见反馈</span>
                                <RightOutlined />
                            </Link>
                        </div>
                        <div>
                            <Link>
                                <span>关于nice</span>
                                <RightOutlined />
                            </Link>
                        </div>
                    </div>
                    <div className="logOut" onClick={this.logOut}>
                        退出登录
                    </div>
                </div>
            </div>
        )
    }
}
